<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>openOli Beta | Registration</title>
<link rel="icon" href="img/favicon.png" type="image/png" />
<link href="css/yahoo_reset.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/forms.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

 function termsf() {
   document.getElementById('sbm_b').disabled = ! (document.getElementById('sbm_b').disabled);
 }
  
 function turnOnBg (elm) {
   elm.style.backgroundColor = "#FFFFFF";
 }
 
  function turnOffBg (elm) {
   elm.style.backgroundColor = "#FFFF99";
 }
</script>
</head>

<body>
  <!-- openOli Beta | Turan Rustamli -->
  <div id="page">
  
    <div id="hdtext">
	   <div id="hdt_l"><span style="font-size: 13px;">Baku State University |</span> Applied Mathematics and Cybernetics</div>
	   <div id="hdt_r">English &nbsp; <img src="img/ico_mail.gif" alt="openOli" border="0"> &nbsp; <img src="img/ico_home.gif" alt="openOli" border="0"></div>
	</div>
    
	<div id="header">
	   <div id="logo"><a href="#"><img src="img/logo.jpg" alt="openOli" border="0"></a></div> 	    
	   <div id="topmenu">
	        <a class="foxbtn" href="index.php"><span>Contestants</span></a>
            <a class="foxbtn" href="news.php"><span>Problemset</span></a>  
            <a class="foxbtn" href="articles.php"><span>Updates</span></a>
            <a class="foxbtn" href="services.php"><span>Library</span></a>
            <a class="foxbtn" href="products.php"><span>Discussions</span></a>
            <a class="foxbtn" href="partners.php"><span>About</span></a>
	   </div> 	    
	   <div id="toolbox">
	      <div id="userbox">
	         Log in | Registration
		  </div>
		  
		  <div id="searchbox">
		     <form action="search.php" method="post">
	           <input type="input" id="in_srch" />
			   <a href="#"></a>
			 </form>
		  </div>
		</div> 	    
	</div>
	
	<div id="content">
	   <table width="100%" border="0" cellspacing="2">
		<tr>
			<td>
			   <p class="p_section">Registration</p>
	           <p class="p_text">If you already have an account, please follow this <a href="login.php" title="Log ig">link</a>. Or if you forgot your password <a href="password.php" title="Reset Password">Click here</a> to reset it.</p>
			   <form action="login.php" method="post">
                 <div style="margin-left:10px;">
                 
                   <p class="p_title2">Personal information</p>
 			       <label for="fullname" class="hm_smallfont">Full name: </label><input name="fullname" type="text" id="fullname" class="hm_input" onfocus="turnOnBg(this)" onblur="turnOffBg(this)" /><br />
                  
 			       <label for="education" class="hm_smallfont">Education: </label><input name="education" type="text" id="education" class="hm_input" onfocus="turnOnBg(this)" onblur="turnOffBg(this)" />University, School, College etc.<br />
                   
 			       <label for="birthday" class="hm_smallfont">Birthday: </label><input name="birthday" type="text" id="birthday" class="hm_input" onfocus="turnOnBg(this)" onblur="turnOffBg(this)" value="dd.mm.yyyy" /> e.g. 09.08.1991<br />
                   
 			       <label for="email" class="hm_smallfont">Email: </label><input name="email" type="text" id="email" class="hm_input" onfocus="turnOnBg(this)" onblur="turnOffBg(this)" />will be hidden<br />
                               
                   <br />
                   
                   <p class="p_title2">Log in informaion</p>
			       <label for="username" class="hm_smallfont">Username: </label><input name="username" type="text" id="username" class="hm_input" onfocus="turnOnBg(this)" onblur="turnOffBg(this)" /><br />
               
			       <label for="password" class="hm_smallfont">Password: </label><input name="password" type="password" id="password" class="hm_input" onfocus="turnOnBg(this)" onblur="turnOffBg(this)" />password must be at least 6 characters long.<br />
                 
                   <label for="password2" class="hm_smallfont" >Password: </label><input name="password2" type="password" id="password2" class="hm_input" onfocus="turnOnBg(this)" onblur="turnOffBg(this)" />re-type the password to confirm it.<br />
                 
                   <br />
                   <p class="p_title2">Submit information</p>
                     <input name="terms" value="1" id="terms" type="checkbox" onclick="termsf();" />
                    I agree to the <a href="terms.html" target="_blank">Terms of Use</a>.     
                    <br /><br />
                   <label for="captcha" ><img src="php/CaptchaSecurityImages.php" alt="CAPTCHA" style="border:1px solid #0043B7;" /></label><input name="captcha" type="text" id="captcha" class="hm_input" onfocus="turnOnBg(this)" onblur="turnOffBg(this)" style="vertical-align: top;" /><div style="display: inline-block; vertical-align: top; margin-top: 10px;">input the text on the image</div><br />
                   <br />
                                          
                   <input type="submit" id="sbm_b" value="Register" style="font-size: 22px; margin-left: 103px;" disabled="disabled" />
                   <br />
                 </div>
		       </form>
               <br /><br />
			</td>
			<td id="sidebar">
			   <p class="p_title">Announcements</p>
			   <p class="p_text"><b>14 April 2009</b> Lorem ipsum has debet copiosae definitionem ei, nec ei sumo magna expetendis, sed eu summo sententiae consectetuer. 
			   <br /><span style="color: #0043B7;">Sign up for this contest</span></p>
			                
			   <p class="p_title">Top 5 - Coders</p>
			   <p class="p_text">
			     <ul class="top5">
				    <li><span>Turan Rustamli - Baku State University</span></li>
				    <li><span>Turan Rustamli - Baku State University</span></li>
				    <li><span>Turan Rustamli - Baku State University</span></li>
				    <li><span>Turan Rustamli - Baku State University</span></li>
				    <li><span>Turan Rustamli - Baku State University</span></li>
				 </ul>
				 <br />
			   </p>   			 
               
			   <p class="p_title">Top 5 - Teams</p>
			   <p class="p_text">
			   	  <ul class="top5">
				    <li><span>Baku State University</span></li>
				    <li><span>Baku State University</span></li>
				    <li><span>Baku State University</span></li>
				    <li><span>Baku State University</span></li>
				    <li><span>Baku State University</span></li>
				 </ul>
				 <br />
			   </p>         

			 <p class="p_title">Get Firefox</p>
			 <p class="p_text"><a href="http://www.mozilla.com/firefox?from=sfx&uid=224115&t=331"><img border="0" alt="Spreadfirefox Affiliate Button" src="http://sfx-images.mozilla.org/affiliates/Buttons/firefox3/125x125FF3.png" /></a></p>			   
			   
		    <p class="p_title">Links</p>
			<p class="p_text">Lorem ipsum has debet copiosae definitionem ei, nec ei sumo magna expetendis, sed eu summo sententiae consectetuer. An postea inimicus dissentiet usu</p>
			   
		    <p class="p_title">Credits</p>
			<p class="p_text">Lorem ipsum has debet copiosae definitionem ei, nec ei sumo magna expetendis, sed eu summo sententiae consectetuer. An postea inimicus dissentiet usu</p>
			 </td>
		</tr>
       </table>
	</div>	
	
	<div id="bottom"><span id="b_left">&copy; Turan Rustamli - You may use openOli under the terms of the MIT License.</div></div>	
	<br />
  </div>
</body>
</html>
